﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width">
    <title>预定信息 | 大众进口汽车甲壳虫</title>
    <script type="text/javascript">
        addEventListener("load",function(){setTimeout(hideURLbar,0);},false);
        function hideURLbar(){
            window.scrollTo(0,1);
        }
    </script>
    <style type="text/css">
        * {font-family:Lucida Sans Unicode,helvetica,sans-serif;font-size:12px;margin:0;padding:0;}
        body {background-color:#efefef;}
        #container {width:640px;height:834px;margin:0 auto;position:relative;}
        #bg_image,#buttons {width:640px;height:834px;position:absolute;}
        .button_info {width:215px;height:60px;display:block;position:absolute;}
        #button_edit {left:89px;top:738px;}
        #button_submit {left:319px;top:738px;}
        .preview_info {color:#045783;font-size:30px;font-weight:bold;position:absolute;left:230px;}
        #info_name {top:210px;}
        #info_number {top:258px;}
        #info_email {top:310px;}
        #info_budget {top:359px;}
        #info_date {top:409px;}
        #info_model {top:459px;}
        #info_color {top:509px;}
        #info_seat {top:557px;}
    </style>
</head>
<body>
    <div id="container">
        <div id="bg_image">
            <img src="images/header.jpg" width="640" height="84" alt="大众进口汽车甲壳虫" />
            <img src="images/05_02.jpg" width="640" height="94" alt="预订信息" />
            <img src="images/05_03.jpg" width="640" height="176" alt="信息预览" />
            <img src="images/05_04.jpg" width="640" height="161" alt="信息预览" />
            <img src="images/05_05.jpg" width="640" height="155" alt="" />
            <img src="images/05_06.jpg" width="640" height="164" alt="确认" />
        </div>
        <div id="buttons">
            <div id="info_name" class="preview_info">XXX先生</div>
            <div id="info_number" class="preview_info">139XXXXXXXX</div>
            <div id="info_email" class="preview_info">abc@sina.com</div>
            <div id="info_budget" class="preview_info">20万-40万</div>
            <div id="info_date" class="preview_info">2012年12月</div>
            <div id="info_model" class="preview_info">1.2TSI 时尚型</div>
            <div id="info_color" class="preview_info">糖果白</div>
            <div id="info_seat" class="preview_info">真皮座椅,米色</div>
            <a id="button_edit" class="button_info" href="step4.html" title="修改"></a>
            <a id="button_submit" class="button_info" href="step6.html" title="确认"></a>
        </div>
    </div>
</body>
</html>